<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>Eric Zhang</title>
	<link rel="stylesheet" href="plugin/css/swiper.min.css" />
	<link rel="stylesheet" href="plugin/css/animate.min.css" />
	<link rel="stylesheet" href="../../../css/m/mui.min.css" />
	<link rel="stylesheet" href="../../../css/font-awesome.min.css" />
	<link rel="stylesheet" href="../../../css/m/base.css" />
	<link rel="stylesheet" href="../../../css/m/player.css" />
	<link rel="stylesheet" href="ericZhang.css" />
</head>

<body>
<div class="swiper-container">
	<!--顶部提示-->
	<div class="infosTop pf resize" style="height:50px;top:0;left: 0;">
		<div class="infosBox clearfix">
			<div class="avatar br50 fl">
				<img class="br50" src="http://img.yxs.shenyecg.com/Image/xVlQxqi1ipAgsNksf1eTGWC4T6iEokd2/DerAdPNDay.jpg?x-oss-process=image/resize,m_fill,limit_0,w_100,h_100"/>
			</div>
			<div class="fl msgBox">
				<p class="nickName">Kevin Shi</p>
				<p class="text">我预约<span>Eric</span>的公开课,请支持我。</p>
			</div>
			<div class="pa logoBox">
				<img src="logo1.png" class="resize" style="width: 45px;display: inline-block;"/>
			</div>
		</div>
	</div>
	<!--logo-->
	<div class="logo pf clearfix">
		<img src="logo.png" class="resize fl" style="width: 30px;"/>
		<span class="slogen fl">深夜研习社</span>
	</div>
	<div class="swiper-wrapper">
		<!--section1-->
		<section class="swiper-slide num1">
			<img class="ani resize" src="p1-1.png" style="width:170px;top: 65px;left: 25px;z-index: 2;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize avatar" src="p1-2.png" style="top:165px;left: 30px;z-index: 2;" swiper-animate-effect="rollIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"/>
			<img class="ani resize" src="p1-3.png" style="width:100px;top: 150px;right: 25px;z-index: 2;" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"/>
			<img class="ani resize" src="p1-4.png" style="width: 160px;top: 240px;right: 25px;z-index: 2;" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"/>
			<img class="ani resize" src="p1-5.png" style="width: 140px;top: 335px;right: 25px;z-index: 2;" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s"/>
			<a href="javascript:void(0);" class="ani resize db buyBtn" style="width:180px;height:40px;top:390px;z-index: 2;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">
				<p class="text ani tac">邀请三人组团免费听课</p>
			</a>
		</section>
		<!--section2-->
		<section class="swiper-slide num2">
			<img class="ani resize title" src="p2-1.png" style="width: 106px;top: 65px;z-index: 2;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.8s" swiper-animate-delay="0s"/>
			<img class="ani resize description" src="p2-2.png" style="width: 245px;top: 105px;z-index: 2;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"/>
			<div class="works ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"></div>
		</section>
		<!--section3-->
		<section class="swiper-slide num3">
			<div class="ani resize firePic1"></div>
			<div class="ani resize firePic2"></div>
			<img class="ani resize" src="p3-3.jpg" style="width: 128px;right: 30px;top: 60px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p3-4.png" style="width: 100px;left: 40px;top: 75px;z-index: 2;" swiper-animate-effect="slideInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.2s"/>
			<img class="ani resize" src="p3-5.jpg" style="width: 115px;left: 30px;top: 143px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p3-6.png" style="width: 96px;right: 50px;top: 160px;z-index: 2;" swiper-animate-effect="slideInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.2s"/>
			<img class="ani resize" src="p3-7.png" style="width: 100px;left: 40px;top: 230px;z-index: 2;" swiper-animate-effect="slideInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.2s"/>
			<img class="ani resize" src="p3-8.jpg" style="width: 128px;right: 30px;top: 210px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize reward" src="p3-9.png" style="width: 231px;top:295px;z-index: 2;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s"/>
			<div class="ani hornor" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"></div>
		</section>
		<!--section4-->
		<section class="swiper-slide num4">
			<img class="ani resize" src="p4-1.jpg" style="width: 90px;top: 65px;left: 30px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p4-2.png" style="width: 135px;;top: 105px;right: 40px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p4-3.png" style="width: 135px;top: 230px;left: 40px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p4-4.jpg" style="width: 90px;top: 190px;right: 30px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p4-5.jpg" style="width: 90px;top: 315px;left: 30px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p4-6.png" style="width: 135px;top: 350px;right: 40px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
		</section>
		<!--section5-->
		<section class="swiper-slide num5">
			<img class="ani resize" src="p5-1.jpg" style="width: 90px;top: 65px;left: 30px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p5-2.png" style="width: 135px;top: 105px;right: 40px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p5-3.png" style="width: 135px;top: 230px;left: 40px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p5-4.jpg" style="width: 90px;top: 190px;right: 30px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p5-5.jpg" style="width: 90px;top: 315px;left: 30px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p5-6.png" style="width: 135px;top: 335px;right: 40px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
		</section>
		<!--section6-->
		<section class="swiper-slide num6">
			<div class="ani resize firePic1"></div>
			<div class="ani resize firePic2"></div>
			<div class="ani resize bg-image" swiper-animate-effect="fadeIn" swiper-animate-duration="1.2s" swiper-animate-delay="0s"></div>
			<img class="ani resize p6-1" src="p6-2.png" style="width: 120px;top: 65px;z-index: 3;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize p6-2" src="p6-3.png" style="width: 220px;top: 120px;z-index: 3;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"/>
			<div class="ani resize player" style="width: 270px;top: 260px;z-index: 3;">
				<div id="t-video" class="video usn " style="position:relative;width:100%;height:100%;left:0;top:0;box-sizing:border-box;">
			        <video id="playVideo" style="display: block; width: 100%; height: 100%;box-sizing:inherit;" src="http://www.shenyecg.com/video/multitude.mp4" poster="https://wx4.sinaimg.cn/crop.0.0.585.329.1000/006Tr4asly1fnyqrpm47og30ga095myx.gif" auto play=""></video>
			        <div class="sewise-player-ui usn">
			            <div class="controlbar transition">
			                <div class="controlbar-bg">控制栏背景</div>
			                <div class="controlbar-btns">
			                    <div class="controlbar-btn controlbar-div-play">
			                        <a href="javascript:;" class="controlbar-btns-play" tabindex="1">播放</a>
			                    </div>
			                    <div class="controlbar-btn controlbar-div-pause">
			                        <a href="javascript:;" class="controlbar-btns-pause" tabindex="2">暂停</a>
			                    </div>
			                    <div class="controlbar-btn controlbar-progress">
			                        <div class="progressBox">
			                            <div class="controlbar-progress-totalline br5"></div>
			                            <div class="controlbar-progress-loadedline br5 transition" style="width: 60.391352%;"></div>
			                            <div class="controlbar-progress-playedline br5 transition" style="width: 15.0466252%;">
			                                <div class="controlbar-progress-playpoint transition br50"></div>
			                            </div>
			                            <div class="controlbar-progress-seekline"></div>
			                            <div class="controlbar-progress-tip" current-time="" style="left: 20%;"><span>30:00</span></div>
			                        </div>
			                    </div>
			                    <div class="controlbar-btn controlbar-div-time">
			                        <div class="controlbar-playtime">
			                            00:04
			                        </div>
			                        <div class="controlbar-playtime-split">
			                            /
			                        </div>
			                        <div class="controlbar-totaltime">
			                            155:11
			                        </div>
			                    </div>
			                    <div class="controlbar-btn controlbar-div-volume pr">
			                        <div class="controlbar-div-volumeline pa">
			                            <div class="controlbar-volumeline br5 pa">
			                                <div class="controlbar-volumeline-bg br5">
			                                </div>
			                                <div class="controlbar-volumeline-volume transition br5 pa" style="height:48px;">
			                                </div>
			                                <div class="controlbar-volumeline-dragger">
			                                </div>
			                                <div class="controlbar-volumeline-point br50 pa">
			                                </div>
			                            </div>
			                        </div>
			                        <div class="controlbar-div-soundclose volume" style="display: none;">
			                            <a href="javascript:;" class="controlbar-btns-soundclose" tabindex="1"></a>
			                        </div>
			                        <div class="controlbar-div-soundopen volume" style="display: block;">
			                            <a href="javascript:;" class="controlbar-btns-soundopen" tabindex="1"></a>
			                        </div>
			                    </div>
			                    <div class="controlbar-btn controlbar-div-barrage dn">
			                        <a href="javascript:;" class="controlbar-btns-barrage close" tabindex="1"></a>
			                    </div>
			                    <div class="controlbar-btn controlbar-div-palyRate dn pr">
			                        <div class="controlbar-btns-menu br5" role="presentation">
			                            <ul class="controlbar-btns-palyRate-content" role="menu">
			                                <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">4.0x<span class="vjs-control-text"></span></li>
			                                <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">3.0x<span class="vjs-control-text"></span></li>
			                                <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">2.0x<span class="vjs-control-text"></span></li>
			                                <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.75x<span class="vjs-control-text"></span></li>
			                                <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.5x<span class="vjs-control-text"></span></li>
			                                <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.25x<span class="vjs-control-text"></span></li>
			                                <li class="controlbar-btns-palyRate-item active" tabindex="-1" role="palyRateItem" aria-live="polite">1.0x<span class="vjs-control-text"></span></li>
			                            </ul>
			                        </div>
			                        <div class="controlbar-btns-palyRate br5">1.0x</div>
			                    </div>
			                    <div class="controlbar-btn controlbar-div-resolution dn pr">
			                        <div class="controlbar-btns-menu br5">
			                            <ul class="controlbar-btns-resolution-content">
			                                <li class="controlbar-btns-resolution-item">超清</li>
			                                <li class="controlbar-btns-resolution-item active">高清</li>
			                                <li class="controlbar-btns-resolution-item">普清</li>
			                                <li class="controlbar-btns-resolution-item">自动</li>
			                            </ul>
			                        </div>
			                        <div class="controlbar-btns-resolution br5">高清</div>
			                    </div>
			                    <div class="controlbar-btn controlbar-div-fullscreen">
			                        <a href="javascript:;" class="controlbar-btns-fullscreen" tabindex="1"></a>
			                    </div>
			                    <div class="controlbar-btn controlbar-div-normalscreen" style="display: none;">
			                        <a href="javascript:;" class="controlbar-btns-normalscreen" tabindex="1"></a>
			                    </div>
			                </div>
			            </div>
			            <div class="logo" style="display: none;">
			                <a href="http://www.shenyecg.com/" target="_blank" class="logo-icon" tabindex="1" style="background: url('') 0px 0px no-repeat;">logo</a>
			            </div>
			            <div class="topbar" style="display: none;">
			                <div class="topbar-program">
			                    <div class="topbar-program-tip">正在播放：</div>
			                    <div class="topbar-program-title"></div>
			                </div>
			                <div class="topbar-clock">2018-1-30 14:19:57</div>
			            </div>
			            <div class="buffer" style="display: none;">
                <div class="buffer-bg">
                    	背景图片
                </div>
                <div class="buffer-text">
                    <div class="buffer-text-tip">
                    </div>
                    <div class="buffer-text-bufferPt">
                        ...
                    </div>
                </div>
			            </div>
			            <div class="big-play-btn br50">
			                <a href="javascript:;" class="big-play-icon pause" tabindex="1"><i class="fa fa-play"></i></a>
			                <a href="javascript:;" class="big-play-icon replay" tabindex="1"><i class="fa fa-rotate-left"></i></a>
			            </div>
			            <div class="clarity-switch-btn" style="top: 0; margin-top: -5px;display: none;">
			                <a href="javascript:;" class="clarity-btn-text" tabindex="1">自动</a>
			            </div>
			            <div class="danmaku state-pause" id="danmu"></div>
			        </div>
			    </div>
			</div>
		</section>
		<!--section7-->
		<section class="swiper-slide num7">
			<div class="ani resize panther" swiper-animate-effect="fadeIn" swiper-animate-duration="1.2s" swiper-animate-delay="0s"></div>
			<img class="ani resize p7-2" src="p7-2.png" style="width: 106px;top: 65px;z-index: 2;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize p7-3" src="p7-3.png" style="width: 245px;top: 105px;z-index: 2;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"/>
			<img class="ani resize" src="p7-4.png" style="width:85px;top: 180px;left: 0;z-index: 2;" swiper-animate-effect="swing" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"/>
			<img class="ani resize" src="p7-5.png" style="width:85px;top: 172px;right: 0;z-index: 2;" swiper-animate-effect="swing" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"/>
		</section>
		<!--section8-->
		<section class="swiper-slide num8">
			<div class="ani resize firePic1"></div>
			<div class="ani resize firePic2"></div>
			<div class="ani resize bottom-pic"></div>
			<img class="ani resize p8-2" src="p8-2.png" style="width: 235px;top: 70px;z-index: 2;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"/>
			<img class="ani resize" src="p8-3.png" style="width:150px;top: 115px;left:20px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s"/>
			<img class="ani resize" src="p8-4.png" style="width:150px;top: 145px;right: 20px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s"/>
			<img class="ani resize" src="p8-5.png" style="width:150px;top: 175px;left: 20px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"/>
			<img class="ani resize" src="p8-6.png" style="width:150px;top: 205px;right: 20px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"/>
			<img class="ani resize" src="p8-7.png" style="width:150px;top: 235px;left: 20px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"/>
			<img class="ani resize" src="p8-8.png" style="width:150px;top: 265px;right: 20px;z-index: 2;" swiper-animate-effect="slideInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"/>
			<img class="ani resize" src="p8-9.png" style="width:150px;top: 295px;left: 20px;z-index: 2;" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"/>
			<img class="ani resize p8-10" src="p8-10.png" style="width: 30px;top: 340px;z-index: 2;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.8s" swiper-animate-delay="0.5s"/>
			<a href="javascript:void(0);" class="ani resize db buyBtn" style="width:180px;height:40px;top:390px;z-index: 2;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">
				<p class="text ani tac">邀请三人组团免费听课</p>
			</a>
		</section>
	</div>
	<img src="web-swipe-tip.png" class="arrow-top"/>
</div>
<!--遮罩层-->
<div class="mui-popup-backdrop mui-active"></div>
<!--底部提示-->
<div class="infosBottom pf resize" style="height:170px;bottom: 0px;left: 0;">
	<div class="cancelBtn pa resize" style="height: 40px;bottom: 0;left: 0;">
		<a href="javascript:void(0);" class="db cancel"><span>取&nbsp;消</span></a>
	</div>
	<div class="infos-main">
		<div class="title">支持你的人</div>
		<!--缺省提示-->
		<div class="emptyInfo tac dn">暂无人支持~</div>
		<div class="supporterList tac">
			<div class="item dib br50">
				<img class="br50" src="http://img.yxs.shenyecg.com/Image/xVlQxqi1ipAgsNksf1eTGWC4T6iEokd2/DerAdPNDay.jpg?x-oss-process=image/resize,m_fill,limit_0,w_100,h_100"/>
			</div>
			<div class="item dib br50">
				<img class="br50" src="http://img.yxs.shenyecg.com/Image/xVlQxqi1ipAgsNksf1eTGWC4T6iEokd2/DerAdPNDay.jpg?x-oss-process=image/resize,m_fill,limit_0,w_100,h_100"/>
			</div>
			<div class="item dib br50">
				<img class="br50" src="http://img.yxs.shenyecg.com/Image/xVlQxqi1ipAgsNksf1eTGWC4T6iEokd2/DerAdPNDay.jpg?x-oss-process=image/resize,m_fill,limit_0,w_100,h_100"/>
			</div>
		</div>
		<div class="msgBox pr tac">
			<p class="tips dn">点击右上角分享朋友圈,邀请三个好友支持获得免费名额!</p>
			<a href="javascript:void(0);" class="resize db learnBtn" style="width: 80px;height: 28px;top:12px;">
				<span>免费听课</span>
			</a>
		</div>
	</div>
</div>
<!--成功领取代金券-->
<div class="receiveCoupon mui-popup mui-po pup-in">
	<div class="mainContent tac mui-popup-inner">
		<div class="pa close">
			<i class="fa fa-close"></i>
		</div>
		<div class="icon">
			<img src="../../../img/m/icons/complete.png" alt="" />
		</div>
		<div class="tips feb">成功领取代金券</div>
		<div class="timeInfo">
			<div class="text"><span>5s</span>即将跳转预约窗口</div>
		</div>
	</div>
</div>
<!--活动成功-->
<div class="completeDialog mui-popup mui-po pup-in">
	<div class="mainContent tac mui-popup-inner">
		<div class="pf br50 closeBtn">
			<img src="closeBtn.png" />
		</div>
		<div class="ballon pa">
			<img src="ballon.png" />
		</div>
		<div class="titleBox">
			<img src="title.png"/>
		</div>
		<div class="textBox pr">
			<p class="text">你已满足三人组团免费听课资格</p>
			<p class="textPic"></p>
			<p class="text">链接地址：<a href="http://art.shenyecg.com/">art.shenyecg.com</a></p>
		</div>
		<p class="check">查看支持进度</p>
		<p class="angleDown"><a href="javascript:void(0);"><i class="fa fa-angle-double-down"></i></a></p>
		<div class="supporter dn">
			<h2 class="tal">支持你的人</h2>
			<div class="listBox">
				<div class="item dib">
					<div class="avatar br50">
						<img class="br50" src="http://img.yxs.shenyecg.com/Image/xVlQxqi1ipAgsNksf1eTGWC4T6iEokd2/DerAdPNDay.jpg?x-oss-process=image/resize,m_fill,limit_0,w_100,h_100"/>
					</div>
					<p class="nickName toe">路人甲</p>
				</div>
				<div class="item dib">
					<div class="avatar br50">
						<img class="br50" src="http://img.yxs.shenyecg.com/Image/xVlQxqi1ipAgsNksf1eTGWC4T6iEokd2/DerAdPNDay.jpg?x-oss-process=image/resize,m_fill,limit_0,w_100,h_100"/>
					</div>
					<p class="nickName toe">路人甲</p>
				</div>
				<div class="item dib">
					<div class="avatar br50">
						<img class="br50" src="http://img.yxs.shenyecg.com/Image/xVlQxqi1ipAgsNksf1eTGWC4T6iEokd2/DerAdPNDay.jpg?x-oss-process=image/resize,m_fill,limit_0,w_100,h_100"/>
					</div>
					<p class="nickName toe">路人甲</p>
				</div>
			</div>
			<!--缺省提示-->
			<div class="emptyInfo dn">
				<p class="tips">暂时还没有人支持你哦~</p>
			</div>
		</div>
	</div>
</div>

<script src="../../../js/m/fontSize.js"></script>
<script src="../../../js/m/jquery.min.js"></script>
<script src="plugin/js/swiper.min.js"></script>
<script src="plugin/js/swiper.animate.min.js"></script>
<script>  
	scaleW=window.innerWidth/320;
	scaleH=window.innerHeight/480;
	var resizes = document.querySelectorAll('.resize');
        for (var j=0; j<resizes.length; j++) {
           resizes[j].style.width=parseInt(resizes[j].style.width)*scaleW+'px';
		   resizes[j].style.height=parseInt(resizes[j].style.height)*scaleH+'px';
		   resizes[j].style.top=parseInt(resizes[j].style.top)*scaleH+'px';
		   resizes[j].style.left=parseInt(resizes[j].style.left)*scaleW+'px'; 
        }
	var scales = document.querySelectorAll('.txt');
	for (var i=0; i<scales.length; i++) {
		ss=scales[i].style;
		ss.webkitTransform = ss.MsTransform = ss.msTransform = ss.MozTransform = ss.OTransform =ss.transform='translateX('+scales[i].offsetWidth*(scaleW-1)/2+'px) translateY('+scales[i].offsetHeight*(scaleH-1)/2+'px)scaleX('+scaleW+') scaleY('+scaleH+') ';
	}
	  
  	var mySwiper = new Swiper ('.swiper-container', {
	   	direction : 'vertical',
	   	mousewheelControl : true,
	   	onInit: function(swiper){
	   		swiperAnimateCache(swiper);
	   		swiperAnimate(swiper);
		},
	   	onSlideChangeEnd: function(swiper){
			swiperAnimate(swiper);
	    }	  
	})         
</script>
<script>	
	$(function(){
		$(".completeDialog .angleDown").click(function(){
			if($(this).find(".fa").hasClass("fa-angle-double-down")) {
				$(this).find(".fa").removeClass("fa-angle-double-down").addClass("fa-angle-double-up");
				$(".completeDialog .supporter").slideDown();
			}else{
				$(this).find(".fa").removeClass("fa-angle-double-up").addClass("fa-angle-double-down");
				$(".completeDialog .supporter").slideUp();
			}
		})
		$(".completeDialog .closeBtn").click(function(){
			$(this).parents(".completeDialog").removeClass("mui-popup-in");
			$(".mui-popup-backdrop").removeClass("mui-active")
		})
	})
</script>
</body>
</html>